﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>各市统计</title>
    <link rel="stylesheet" href="css/base.css">
    <link href="css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />

    <script src="js/jquery/jQuery-2.2.0.min.js"></script>
    <script src="js/echarts.min.js"></script>
    <script src="js/base.js"></script>
    <script type="text/javascript"
        src="http://api.map.baidu.com/api?v=2.0&ak=5ieMMexWmzB9jivTq6oCRX9j&callback"></script>
    <script src="js/car_control.js"></script>
    <script src="js/ztree/jquery.ztree.all-3.5.js"></script>
    <script src="js/listTree.js"></script>
    <script src="js/carControl.js"></script>

</head>
<style>

</style>

<body>

    <!--顶部-->
    <header class="header left">
        <div class="left nav">
            <ul>
                <li><i class="nav_1"></i><a href="index.html">全省概览</a> </li>
                <li class="nav_active"><i class="nav_2"></i><a href="carContrl.html">各市统计</a> </li>
                <li><i class="nav_3"></i><a href="map.html">地图界面</a> </li>
            </ul>
        </div>
        <div class="header_center left">
            <h2><strong>城市数据可视化平台</strong></h2>
            <p class="color_font"><small>Urban data visualization platform</small></p>
        </div>
        <div class="right nav text_right">
            <div id="time" style="font-size: 3vh;margin: 5% 6% 0 0; color:#eeecece0; float: right;"></div>
        </div>
    </header>

    <!--内容部分-->
    <div class="con1 left" id="car_control">
        <div class="left car_left">
            <div class="left_up bow_shadow">
                <div class="text_center"><a href="javascript:void (0)" class="tab_a tab_aActive">各市常住人口数</a>
                </div>
                <div id="car_char1" style="width: 100%;height: 95%;"></div>
            </div>

            <div class="left_down bow_shadow">
                <div class="text_center"><a href="javascript:void (0)" class="tab_a tab_aActive">各市AQI达标率</a>
                </div>

                <div id="car_char2" style="width: 100%;height: 90%;"></div>
            </div>
        </div>

        <div class="left car_center">
            <div id="car_char3" class="car_center1" style="width: 99.5%;"></div>
            <div id="car_char4" class="magin_top car_center1"></div>
            <div id="car_char5" class="magin_top magin_left car_center1"></div>
        </div>

        <div class="right car_right" id="map"></div>

    </div>

</body>

</html>